<template>
  <div v-if="!isLogin" class="top">
    <p>
      <img src="../assets/笑脸.png" class="pb_25">
      欢迎您的登录，您辛苦了！
      <span>
        <em v-on:click="toLogin()"><img src="../assets/登录.png" class="pb3"><a style="color: black;">登录</a></em>
        <em><a href="ClearSession.aspx?s=2" style="color: black;">供货商登录</a></em>
	      <em><a href="Front.aspx?page=gwc" style="color: black;">实验室管理中心</a></em>
        <em><img src="../assets/帮助.png" class="pb_25"><a href="front.aspx?page=bz&param={帮助}">帮助</a></em>
      </span>
    </p>
  </div>

</template>

<script>
  export default {
    name: 'Header',
    methods: {
      toLogin () {
        console.log('afdfa')
      }
    }
  }

</script>

<style scoped>
  .btn-ahref {
    background-color: #F5F5F5;
    border: none;
    cursor: pointer;
    font-size: 14px;
  }

  .top {
    background-color: #F5F5F5;
    height: 35px;
    font-size: 14px;

  }

  .container_cart .top img{
    vertical-align: middle;
  }
  .container_cart .top p{
    width:1140px;
    margin: 0 auto;
    padding-top: 6px;
  }


  .container_cart .top span {
    float: right;
  }

  .container_cart .top p span em {
    font-style: normal;
    padding-left: 20px;
  }

  .top .reg{
    display: inline-block;
    color: black;
    border: solid 1px #D4D4D4;
    background-color: #fff;
    line-height: 20px;
    font-size: 12px;
    width: 130px;
    padding-left: 5px;
  }

</style>


